<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	
	<title>Organic Tabs</title>
	
	<link rel="stylesheet" href="css_tab/style.css">
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
    <script src="js_tab/organictabs.jquery.js"></script>
    <script>
        $(function() {
    
            $("#example-one").organicTabs();
            
            $("#example-two").organicTabs({
                "speed": 200
            });
    
        });
    </script>
</head>

<body>

	<div id="page-wrap">
	     <div id="example-two">
					
    		<ul class="nav">
                <li class="nav-one"><a href="#featured2" class="current">Featured</a></li>
                <li class="nav-two"><a href="#core2">Core</a></li>
                <li class="nav-three"><a href="#jquerytuts2">jQuery</a></li>
                <li class="nav-four last"><a href="#classics2">Classics</a></li>
            </ul>
    		<div class="list-wrap">
    			<ul id="featured2">
    				Content
    			</ul>
        		 
        		 <ul id="core2" class="hide">
                             Content 2
                         </ul>
        		 
        		 <ul id="jquerytuts2" class="hide">
                             content 3
                         </ul>
        		 
        		 <ul id="classics2" class="hide">
                             content 4
                         </ul>
    		 </div> <!-- END List Wrap -->
		 </div> <!-- END Organic Tabs (Example One) -->
	</div>
	
</body>

</html>